<template>
  <div class="home">
    <Monitor></Monitor>
    <Sales></Sales>
    <Search></Search>
  </div>
</template>

<script lang="ts">
export default {
  name: 'Home',
}
</script>
<script lang="ts" setup>
import Monitor from "./monitor/index.vue"
import Sales from "./sales/index.vue"
import Search from "./search/index.vue"
import { onMounted } from "vue";
import { useUserInfoStore } from '@/stores/userInfo';
import { useReportDataStore } from "@/stores/reportData"
const useReport = useReportDataStore()
const userInfoStore = useUserInfoStore()
onMounted(() => {
  useReport.getReportInfoData()
})


</script>

<style scoped>
  .home {
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 30px;
  }
</style>
